
<style>
    #refreshs{
        position:fixed;
        top: 200px;

        width: 150px;
        border: 1px solid #cccccc;
        border-right: none;
        border-radius:5px 0 0 5px;
        background: #ffffff;
        padding: 10px 5px;
        z-index: 999;
    }
    .arrows{
        position: absolute;
        left: -41px;
        top: 40px;
        width: 40px;
        height: 40px;
        line-height:40px;
        text-align: center;
        border: 1px solid #ffffff;
        background: #62a6f5;
        cursor: pointer;
    }
    .refreshss{
        cursor: pointer;
        background: #62a6f5;
        position: absolute;
        left: -41px;
        top: 79px;
        width: 40px;
        height: 40px;
        line-height:40px;
        text-align: center;
        border: 1px solid #ffffff;
    }
    .refreshsss{
        top: 120px;
    }
    .chartText{
        position: absolute;
        right: 0;
        top: 10px;
        width: 100%;
        text-align: center;
        height: 40px;
        padding: 15px 0;
        line-height: 40px;
        font-size: 13px;
    }
    .valColor{
        color: darkred;
        margin:0 5px;
    }
    .tipLogo{
        font-size: 13px;
        color: #FFFFFF;
        padding: 3px 3px;
        border-radius: 2px;
        background-color: #62a6f5;
    }
    .chartText b.green{
        background-color:#2ec770;
    }
    .chartText span.green{
        color:#2ec770;
    }
    .chartText b.blue{
        background-color:#1c97f5;
    }
    .chartText span.blue{
        color:#1c97f5;
    }
    .exportBtn{
        padding: 6px 10px;
        background-color: #0C0C0C;
        color: #fff;
        font-size: 14px;
        border-radius: 2px;
        margin-left: 20px;
        cursor: pointer;
    }
</style>
<div id="refreshs" style="right:0px;">
    <div class="arrows"><span style="color:#ffffff;font-size: 16px;" class="glyphicon glyphicon-arrow-right"></span></div>
    <div class="refreshss" onclick="refreshs('refresh')"><span style="color:#ffffff;font-size: 16px;" class="glyphicon glyphicon-refresh"></span></div>
    <div class="refreshss refreshsss" onclick="refreshs('play')">
        <span style="color:#ffffff;font-size: 16px;" class="fa fa-play"></span>
    </div>
    <form class="layui-form" action="">
        <div class="row" style="margin-top: 10px;">
            <div class="col-md-10 col-md-offset-1" >
                <input type="text" class="layui-input" placeholder="请选择时间" autocomplete="off" id="date">
            </div>
        </div>
        <div class="row" style="margin-top: 10px;">
            <div class="col-md-10 col-md-offset-1" style="text-align: center;">
                <div class="btn-group-vertical" role="group" style="width: 100%;" id="dateselect">
                    <div type="button" class="btn btn-default">1分钟</div>
                    <div type="button" class="btn btn-default">半小时</div>
                    <div type="button" class="btn btn-default btn-primary">1小时</div>
                </div>
            </div>
        </div>

    </form>
</div>

<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <ul class="layui-tab-title" style="padding: 0 20px;">
        <li class="layui-this">饼图</li>
        <li >柱状图</li>
    </ul>
    <div class="layui-tab-content" style="height: 100px;">
        <div class="layui-tab-item layui-show">
            <div class="row" style="margin-top: 10px;">
                <#if shiro.hasPermission("data:contrast:ipCount")>
                <div class="col-xs-4 col-md-4 " id="stats1">
                    <div id="pie1" style="width: 100%;height: 480px;"></div>
                    <div class="chartText">
                        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
                        <span class="valColor green">暂无</span>
                        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
                        <span class="valColor blue">暂无</span>
                        <#if shiro.hasPermission("data:contrast:pie_IpContrast_export")>
                        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
                        </#if>
                    </div>
                </div>
            </#if>
            <#if shiro.hasPermission("data:contrast:lockedDomain")>
            <div class="col-xs-4 col-md-4 " id="stats2">
                <div id="pie2" style="width: 100%;height: 480px;"></div>
                <div class="chartText">
                    <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
                    <span class="valColor green">暂无</span>
                    <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
                    <span class="valColor blue">暂无</span>
                    <#if shiro.hasPermission("data:contrast:pie_lockedDomain_export")>
                    <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
                    </#if>
                </div>
            </div>
        </#if>
        <#if shiro.hasPermission("data:contrast:newUser")>
        <div class="col-xs-4 col-md-4 " id="stats3">
            <div id="pie3" style="width: 100%;height: 480px;"></div>
            <div class="chartText">
                <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
                <span class="valColor green">暂无</span>
                <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
                <span class="valColor blue">暂无</span>
                <#if shiro.hasPermission("data:contrast:pie_newUser_export")>
                <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
                </#if>
            </div>
        </div>
    </#if>
    <#if shiro.hasPermission("data:contrast:activeUser")>
    <div class="col-xs-4 col-md-4 "  id="stats4">
        <div id="pie4" style="width: 100%;height: 480px;"></div>
        <div class="chartText">
            <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
            <span class="valColor green">暂无</span>
            <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
            <span class="valColor blue">暂无</span>
            <#if shiro.hasPermission("data:contrast:pie_activeUser_export")>
            <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
            </#if>
        </div>
    </div>
</#if>
<#if shiro.hasPermission("data:contrast:newArticle")>
<div class="col-xs-4 col-md-4 " id="stats5">
    <div id="pie5" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("data:contrast:pie_newArticle_export")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
    </div>
</div>
</#if>
<#if shiro.hasPermission("data:contrast:forwardArticle")>
<div class="col-xs-4 col-md-4 " id="stats6">
    <div id="pie6" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("data:contrast:pie_forwardArticle_export")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
    </div>
</div>
</#if>
<!--platform:pie:showChart-->
<#if shiro.hasPermission("platform:pie:showChart")>
<div class="col-xs-4 col-md-4 " id="stats11">
    <div id="pie11" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("platform:shareArticleNum:pieExport")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>
<!--<#if shiro.hasPermission("data:contrast:ArticlePeople")>-->
<!--<div class="col-xs-4 col-md-4 " id="stats7">-->
    <!--<div id="pie7" style="width: 100%;height: 480px;"></div>-->
    <!--<div class="chartText">-->
        <!--<b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>-->
        <!--<span class="valColor green">暂无</span>-->
        <!--<b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>-->
        <!--<span class="valColor blue">暂无</span>-->
        <!--<#if shiro.hasPermission("data:contrast:pie_ArticlePeople_export")>-->
        <!--<span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>-->
    <!--</#if>-->
    <!--</div>-->
<!--</div>-->
<!--</#if>-->
<#if shiro.hasPermission("data:contrast:earnings")>
<div class="col-xs-4 col-md-4 " id="stats8">
    <div id="pie8" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("data:contrast:pie_earnings_export")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>
<#if shiro.hasPermission("data:contrast:ipExpend")>
<div class="col-xs-4 col-md-4 " id="stats9">
    <div id="pie9" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("data:contrast:pie_ipExpend_export")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>

<#if shiro.hasPermission("pieCharts:forwardIncome:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats12">
    <div id="pie12" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieCharts:forwardIncome:chartExport")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>

<#if shiro.hasPermission("pieCharts:h5Income:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats13">
    <div id="pie13" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieCharts:h5Income:chartExport")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>

<#if shiro.hasPermission("pieCharts:forwardIpUse:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats14">
    <div id="pie14" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieCharts:forwardIpUse:chartExport")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>

<#if shiro.hasPermission("pieCharts:h5IpUse:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats15">
    <div id="pie15" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieCharts:h5IpUse:chartExport")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>
<#if shiro.hasPermission("pieChart:forwardOutIncome:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats22">
    <div id="pie22" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:forwardOutIncome:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>
<#if shiro.hasPermission("pieChart:forwardInsideIncome:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats23">
    <div id="pie23" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:forwardInsideIncome:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>
<#if shiro.hasPermission("pieChart:forwardOutIpUse:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats24">
    <div id="pie24" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:forwardOutIpUse:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>
<#if shiro.hasPermission("pieChart:forwardInsideIpUse:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats25">
    <div id="pie25" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:forwardInsideIpUse:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>
<#if shiro.hasPermission("pieChart:newTotalIncome:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats16">
    <div id="pie16" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:newTotalIncome:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>


<#if shiro.hasPermission("pieChart:newForwardIncome:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats17">
    <div id="pie17" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:newForwardIncome:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>

<#if shiro.hasPermission("pieChart:newH5Income:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats18">
    <div id="pie18" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:newH5Income:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>

<#if shiro.hasPermission("pieChart:newIpUse:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats19">
    <div id="pie19" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:newIpUse:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>

<#if shiro.hasPermission("pieChart:newForwardIpUse:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats20">
    <div id="pie20" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:newForwardIpUse:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>


<#if shiro.hasPermission("pieChart:newH5IpUse:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats21">
    <div id="pie21" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:newH5IpUse:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>

<#if shiro.hasPermission("pieChart:newForwardOutIncome:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats30">
    <div id="pie30" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:newForwardOutIncome:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>

<#if shiro.hasPermission("pieChart:newForwardInsideIncome:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats31">
    <div id="pie31" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:newForwardInsideIncome:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>

<#if shiro.hasPermission("pieChart:newForwardOutIpUse:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats32">
    <div id="pie32" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:newForwardOutIpUse:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>


<#if shiro.hasPermission("pieChart:newForwardInsideIpUse:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats33">
    <div id="pie33" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:newForwardInsideIpUse:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>

<#if shiro.hasPermission("pieChart:comparePriceIp:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats34">
    <div id="pie34" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:comparePriceIp:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>

<#if shiro.hasPermission("pieChart:comparePriceExpend:showCharts")>
<div class="col-xs-4 col-md-4 " id="stats35">
    <div id="pie35" style="width: 100%;height: 480px;"></div>
    <div class="chartText">
        <b class="tipLogo green" data-toggle="tooltip" data-placement="top" title="昨日此时总计">昨</b>
        <span class="valColor green">暂无</span>
        <b class="tipLogo blue" data-toggle="tooltip" data-placement="top" title="今日此时总计">今</b>
        <span class="valColor blue">暂无</span>
        <#if shiro.hasPermission("pieChart:comparePriceExpend:exportExcel")>
        <span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span>
    </#if>
</div>
</div>
</#if>


</div>
</div>
<div class="layui-tab-item" id="bargraph">

</div>
</div>
</div>



<script>
    //pieChart:comparePriceIp:showCharts
    //pieChart:comparePriceExpend:showCharts
   <!--平台数据对比-->
    function refreshs(type){
        statsInit(_date,dateselect);
        chartPage.init(_date,dateselect);
        window.clearInterval(getdata);

        if(type == 'refresh'){
            $(".refreshsss span").removeClass("fa-play").addClass("fa-pause");
            indexTimer = true;
            getdata = window.setInterval(function(){
                if($(window.parent.document).find(".page-tabs-content .active").attr('data-id')!='modules/view/Platform.html'){
                   return;
                }
                statsInit(_date,dateselect);
                chartPage.init(_date,dateselect);
            },1000*60)
        }
        if(type == 'play'){
            if(!indexTimer){
                $(".refreshsss span").removeClass("fa-play").addClass("fa-pause");
                indexTimer = true;
                getdata = window.setInterval(function(){
                    if($(window.parent.document).find(".page-tabs-content .active").attr('data-id')!='modules/view/Platform.html'){
                        return;
                    }
                    statsInit(_date,dateselect);
                    chartPage.init(_date,dateselect);
                },1000*60)
            }else{
                $(".refreshsss span").addClass("fa-play").removeClass("fa-pause");
                indexTimer = false;
            }
        }
    }
    var tabindex = 0;
    element = layui.element;
    element.on('tab()', function(elem){
        tabindex = elem.index;
        if(elem.index==1){
            var _html = '';
            if(isAuth('data:contrast:ipCount')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                        if(isAuth('data:contrast:pie_IpContrast_export')){
                            _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                        }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph1" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('data:contrast:lockedDomain')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('data:contrast:pie_lockedDomain_export')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph2" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('data:contrast:newUser')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('data:contrast:pie_newUser_export')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph3" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('data:contrast:activeUser')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('data:contrast:pie_activeUser_export')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph4" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('data:contrast:newArticle')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('data:contrast:pie_newArticle_export')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph5" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('data:contrast:forwardArticle')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('data:contrast:pie_forwardArticle_export')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph6" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('platform:shareArticleNum:barCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('platform:shareArticleNum:barExport')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph11" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            // if(isAuth('data:contrast:ArticlePeople')){
            //     _html = _html+'<div class="row" style="margin-top: 10px;">'
            //     if(isAuth('data:contrast:pie_ArticlePeople_export')){
            //         _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
            //     }
            //     _html = _html+   '                <div class="col-xs-12 col-md-12">' +
            //         '                    <div id="bargraph7" style="width: 100%;height: 350px;"></div>' +
            //         '                </div>' +
            //         '            </div>'
            // }
            if(isAuth('data:contrast:earnings')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('data:contrast:pie_earnings_export')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph8" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('data:contrast:ipExpend')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('data:contrast:pie_ipExpend_export')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph9" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieCharts:forwardIncome:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieCharts:forwardIncome:chartExport')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph12" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieCharts:h5Income:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieCharts:h5Income:chartExport')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph13" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieCharts:forwardIpUse:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieCharts:forwardIpUse:chartExport')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph14" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieCharts:h5IpUse:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieCharts:h5IpUse:chartExport')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph15" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieChart:forwardOutIncome:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:forwardOutIncome:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph22" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieChart:forwardInsideIncome:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:forwardInsideIncome:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph23" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieChart:forwardOutIpUse:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:forwardOutIpUse:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph24" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieChart:forwardInsideIpUse:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:forwardInsideIpUse:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph25" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieChart:newTotalIncome:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:newTotalIncome:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph16" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieChart:newForwardIncome:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:newForwardIncome:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph17" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieChart:newH5Income:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:newH5Income:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph18" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieChart:newIpUse:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:newIpUse:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph19" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieChart:newForwardIpUse:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:newForwardIpUse:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph20" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieChart:newH5IpUse:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:newH5IpUse:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph21" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            //pieChart:newForwardOutIncome:showCharts
            if(isAuth('pieChart:newForwardOutIncome:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:newForwardOutIncome:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph30" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            //pieChart:newForwardInsideIncome:showCharts
            if(isAuth('pieChart:newForwardInsideIncome:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:newForwardInsideIncome:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph31" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieChart:newForwardOutIpUse:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:newForwardOutIpUse:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph32" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            //pieChart:newForwardInsideIpUse:showCharts
            if(isAuth('pieChart:newForwardInsideIpUse:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:newForwardInsideIpUse:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph33" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieChart:comparePriceIp:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:comparePriceIp:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph34" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }
            if(isAuth('pieChart:comparePriceExpend:showCharts')){
                _html = _html+'<div class="row" style="margin-top: 10px;">'
                if(isAuth('pieChart:comparePriceExpend:exportExcel')){
                    _html = _html+  '<div style="margin-bottom: 20px;"><span class="exportBtn"><i class="fa fa-download" style="padding-right: 5px;"></i>导出</span></div>'
                }
                _html = _html+   '                <div class="col-xs-12 col-md-12">' +
                    '                    <div id="bargraph35" style="width: 100%;height: 350px;"></div>' +
                    '                </div>' +
                    '            </div>'
            }

            $('#bargraph').html(_html);
            refreshs("refresh")
        }
    });
    var getdata = null;
    var _date="";
    var indexloading = null;
    var dateselect ='';
   var indexTimer = false;
    $(function(){
        $('.arrows').click(function(){
            if($('#refreshs').css('right')=='0px'){
                $('.arrows span').removeClass('glyphicon-arrow-right').addClass('glyphicon-arrow-left');
                $('#refreshs').animate({
                    right:'-150px'
                })
            }else{
                $('.arrows span').removeClass('glyphicon-arrow-left').addClass('glyphicon-arrow-right');
                $('#refreshs').animate({
                    right:'0px'
                })
            }

        })
        $('#dateselect .btn').each(function(index){
            $(this).click(function(){
                $('#dateselect .btn').removeClass('btn-primary');
                $(this).addClass('btn-primary')
                if(index==0){
                    dateselect = 'minute';
                }else if(index==1){
                    dateselect = 'semih';
                }else if(index==2){
                    dateselect = 'hour';
                }
                refreshs('refresh')
            })
        })
        layui.use(['form','laydate'], function(){
            var form = layui.form;
            var laydate = layui.laydate;
            laydate.render({
                elem: '#date',
                value:new Date(),
                position:'fixed',
                done: function(value, date, endDate){
                    _date =value;
                    refreshs('refresh')
                }
            });
        });
    })


    function statsInit(e){
        $('[data-toggle="tooltip"]').tooltip({
            html:true
        });
        //ip统计
        ajaxc({
            permit:'data:contrast:ipCount',
            type : "POST",
            url : baseURL + "ip/findIpContrast",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats1 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats1 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount)
                    $('#stats1 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats1 .valColor').eq(1).text(transData(r.result.todayCount))
                    setPie('pie1','ip统计',r.result);
                    if(tabindex==1){
                        setBar('bargraph1','ip统计',sort(r.result))
                    }

                }
            }
        });
        //竞价收益
        ajaxc({
            permit:'pieChart:comparePriceExpend:showCharts',
            type : "POST",
            url : baseURL + "biddingSingleStatis/getBiddingSingleCostStatisPieChart",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats35 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats35 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount)
                    $('#stats35 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats35 .valColor').eq(1).text(transData(r.result.todayCount))
                    setPie('pie35','竞价收益',r.result)
                    if(tabindex==1) {
                        setBar('bargraph35', '竞价收益', sort(r.result))
                    }
                }
            }
        });
        //竞价ip
        ajaxc({
            permit:'pieChart:comparePriceIp:showCharts',
            type : "POST",
            url : baseURL + "biddingSingleStatis/getBiddingSingleClickIpStatisPieChart",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats34 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats34 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount)
                    $('#stats34 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats34 .valColor').eq(1).text(transData(r.result.todayCount))
                    setPie('pie34','竞价ip消耗',r.result)
                    if(tabindex==1) {
                        setBar('bargraph34', '竞价ip消耗', sort(r.result))
                    }
                }
            }
        });
        //活跃用户饼图数据
        ajaxc({
            permit:'data:contrast:activeUser',
            type : "POST",
            url : baseURL + "statis/getActiveUserSta",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats4 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats4 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount)
                    $('#stats4 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats4 .valColor').eq(1).text(transData(r.result.todayCount))
                    setPie('pie4','活跃用户',r.result)
                    if(tabindex==1) {
                        setBar('bargraph4', '活跃用户', sort(r.result))
                    }
                }
            }
        });
        //新增用户饼图数据
        ajaxc({
            permit:'data:contrast:newUser',
            type : "POST",
            url : baseURL + "statis/getNewUserSta",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats3 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats3 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount)
                    $('#stats3 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats3 .valColor').eq(1).text(transData(r.result.todayCount))
                    setPie('pie3','新增用户',r.result)
                    if(tabindex==1) {
                        setBar('bargraph3', '新增用户',sort(r.result))
                    }
                }
            }
        });
        //转发文章
        ajaxc({
            permit:'data:contrast:forwardArticle',
            type : "POST",
            url : baseURL + "statis/getForwardArticlePieChart",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats6 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats6 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats6 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats6 .valColor').eq(1).text(transData(r.result.todayCount))
                    setPie('pie6','转发文章',r.result)
                    if(tabindex==1) {
                        setBar('bargraph6', '转发文章', sort(r.result))
                    }
                }
            }
        });
        //    新增文章
        ajaxc({
            permit:'data:contrast:newArticle',
            type : "POST",
            url : baseURL + "statis/getNewArticlePieChart",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats5 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats5 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats5 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats5 .valColor').eq(1).text(transData(r.result.todayCount))
                    setPie('pie5','新增文章',r.result)
                    if(tabindex==1) {
                        setBar('bargraph5', '新增文章', sort(r.result))
                    }
                }
            }
        });
        //被封域名
        ajaxc({
            permit:'data:contrast:lockedDomain',
            type : "POST",
            url : baseURL + "domainsta/findLockedDomainContrastPei",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats2 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats2 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats2 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats2 .valColor').eq(1).text(transData(r.result.todayCount))
                    setPie('pie2','被封域名',r.result)
                    if(tabindex==1) {
                        setBar('bargraph2', '被封域名', sort(r.result))
                    }

                }
            }
        });

        //转发文章人数
        // ajaxc({
        //     permit:'data:contrast:ArticlePeople',
        //     type : "POST",
        //     url : baseURL + "articleStatis/getForwardArticlePeoplePieChart",
        //     contentType : "application/json",
        //     data : JSON.stringify({
        //         dateTime:e
        //     }),
        //     success : function(r) {
        //         if (r.code == 0) {
        //             $('#stats7 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
        //             $('#stats7 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
        //             $('#stats7 .valColor').eq(0).text(transData(r.result.yesterdayCount));
        //             $('#stats7 .valColor').eq(1).text(transData(r.result.todayCount))
        //             setPie('pie7','转发文章人数',r.result)
        //             if(tabindex==1) {
        //                 setBar('bargraph7', '转发文章人数', sort(r.result))
        //             }
        //         }
        //     }
        // });

        //收益
        ajaxc({
            permit:'data:contrast:earnings',
            type : "POST",
            url : baseURL + "articleStatis/getExpandPriceSta",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats8 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats8 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats8 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats8 .valColor').eq(1).text(transData(r.result.todayCount))
                    setPie('pie8','收益',r.result)
                    if(tabindex==1) {
                        setBar('bargraph8', '收益', sort(r.result))
                    }
                }
            }
        });
        //ip消耗
        ajaxc({
            permit:'data:contrast:ipExpend',
            type : "POST",
            url : baseURL + "articleStatis/getStatisticsIpSta",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats9 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats9 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats9 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats9 .valColor').eq(1).text(transData(r.result.todayCount))
                    setPie('pie9','ip消耗',r.result)
                    if(tabindex==1) {
                        setBar('bargraph9', 'ip消耗', sort(r.result))
                    }


                }
            }
        });
        //转发文章次数
        ajaxc({
            permit:'platform:pie:showChart',
            type : "POST",
            url : baseURL + "articleStatis/getSharedArticleNumPieChart",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats11 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats11 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats11 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats11 .valColor').eq(1).text(transData(r.result.todayCount))
                    setPie('pie11','转发文章次数',r.result)
                    if(tabindex==1) {
                        setBar('bargraph11', '转发文章次数', sort(r.result))
                    }


                }
            }
        });
        //转发区收益
        ajaxc({
            permit:'pieCharts:forwardIncome:showCharts',
            type : "POST",
            url : baseURL + "customerStatis/getForwardAreaExpandPrice",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats12 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats12 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats12 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats12 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie12','转发区收益',r.result);
                    if(tabindex==1) {
                        setBar('bargraph12', '转发区收益', sort(r.result));
                    }


                }
            }
        });
        //h5收益
        ajaxc({
            permit:'pieCharts:forwardIncome:showCharts',
            type : "POST",
            url : baseURL + "customerStatis/getH5ExpandPrice",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats13 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats13 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats13 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats13 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie13','h5收益',r.result);
                    if(tabindex==1) {
                        setBar('bargraph13', 'h5收益', sort(r.result));
                    }


                }
            }
        });
        //转发区IP消耗
        ajaxc({
            permit:'pieCharts:forwardIpUse:showCharts',
            type : "POST",
            url : baseURL + "customerStatis/getForwardAreaStatisIp",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats14 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats14 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats14 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats14 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie14','转发区ip消耗',r.result);
                    if(tabindex==1) {
                        setBar('bargraph14', '转发区ip消耗', sort(r.result));
                    }


                }
            }
        });
        //h5IP消耗
        ajaxc({
            permit:'pieCharts:h5IpUse:showCharts',
            type : "POST",
            url : baseURL + "customerStatis/getH5StatisIp",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats15 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats15 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats15 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats15 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie15','h5Ip消耗',r.result);
                    if(tabindex==1) {
                        setBar('bargraph15', 'h5Ip消耗', sort(r.result));
                    }


                }
            }
        });
        //新广告系统总收益
        ajaxc({
            permit:'pieChart:newTotalIncome:showCharts',
            type : "POST",
            url : baseURL + "articleStatisNew/getNewSystemExpandPriceSta",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats16 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats16 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats16 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats16 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie16','新广告系统收益',r.result);
                    if(tabindex==1) {
                        setBar('bargraph16', '新广告系统收益', sort(r.result));
                    }


                }
            }
        });
        //新广告系统转发区收益
        ajaxc({
            permit:'pieChart:newForwardIncome:showCharts',
            type : "POST",
            url : baseURL + "articleStatisNew/getNewSystemForwardAreaExpandPriceSta",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats17 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats17 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats17 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats17 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie17','新转发区收益',r.result);
                    if(tabindex==1) {
                        setBar('bargraph17', '新转发区收益', sort(r.result));
                    }


                }
            }
        });
        //新广告系统h5收益
        ajaxc({
            permit:'pieChart:newH5Income:showCharts',
            type : "POST",
            url : baseURL + "articleStatisNew/getNewSystemH5ExpandPriceSta",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats18 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats18 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats18 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats18 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie18','新h5收益',r.result);
                    if(tabindex==1) {
                        setBar('bargraph18', '新h5收益', sort(r.result));
                    }


                }
            }
        });
        //新广告系统ip消耗
        ajaxc({
            permit:'pieChart:newIpUse:showCharts',
            type : "POST",
            url : baseURL + "articleStatisNew/getNewSystemStatisticsIpSta",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats19 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats19 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats19 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats19 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie19','新ip消耗',r.result);
                    if(tabindex==1) {
                        setBar('bargraph19', '新ip消耗', sort(r.result));
                    }


                }
            }
        });
        //新广告系统转发区ip消耗
        ajaxc({
            permit:'pieChart:newForwardIpUse:showCharts',
            type : "POST",
            url : baseURL + "articleStatisNew/getNewSystemForwardAreaStatisticsIpSta",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats20 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats20 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats20 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats20 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie20','新转发区ip消耗',r.result);
                    if(tabindex==1) {
                        setBar('bargraph20', '新转发区ip消耗', sort(r.result));
                    }


                }
            }
        });
        //新广告系统转发区h5ip消耗
        ajaxc({
            permit:'pieChart:newH5IpUse:showCharts',
            type : "POST",
            url : baseURL + "articleStatisNew/getNewSystemH5StatisticsIpSta",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats21 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats21 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats21 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats21 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie21','新h5ip消耗',r.result);
                    if(tabindex==1) {
                        setBar('bargraph21', '新h5ip消耗', sort(r.result));
                    }


                }
            }
        });
        //转发区外部收益
        ajaxc({
            permit:'pieChart:forwardOutIncome:showCharts',
            type : "POST",
            url : baseURL + "customerStatis/getForwardAreaOutExpandPrice",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats22 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats22 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats22 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats22 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie22','转发区外部收益',r.result);
                    if(tabindex==1) {
                        setBar('bargraph22', '转发区外部收益', sort(r.result));
                    }


                }
            }
        });
        //转发区内部收益
        ajaxc({
            permit:'pieChart:forwardInsideIncome:showCharts',
            type : "POST",
            url : baseURL + "customerStatis/getForwardAreaInExpandPrice",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats23 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats23 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats23 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats23 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie23','转发区内部收益',r.result);
                    if(tabindex==1) {
                        setBar('bargraph23', '转发区内部收益', sort(r.result));
                    }


                }
            }
        });
        //转发区外部ip消耗
        ajaxc({
            permit:'pieChart:forwardOutIpUse:showCharts',
            type : "POST",
            url : baseURL + "customerStatis/getForwardAreaOutStatisIp",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats24 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats24 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats24 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats24 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie24','转发区外部ip消耗',r.result);
                    if(tabindex==1) {
                        setBar('bargraph24', '转发区外部ip消耗', sort(r.result));
                    }


                }
            }
        });
        //转发区内部ip消耗
        ajaxc({
            permit:'pieChart:forwardInsideIpUse:showCharts',
            type : "POST",
            url : baseURL + "customerStatis/getForwardAreaInStatisIp",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats25 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats25 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats25 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats25 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie25','转发区内部ip消耗',r.result);
                    if(tabindex==1) {
                        setBar('bargraph25', '转发区内部ip消耗', sort(r.result));
                    }


                }
            }
        });
        //新转发区外部收益
        ajaxc({
            permit:'pieChart:newForwardOutIncome:showCharts',
            type : "POST",
            url : baseURL + "articleStatisNew/getNewSystemForwardAreaOutExpandPriceSta",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats30 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats30 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats30 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats30 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie30','新转发区外部收益',r.result);
                    if(tabindex==1) {
                        setBar('bargraph30', '新转发区外部收益', sort(r.result));
                    }


                }
            }
        });
        //新转发区内部收益
        ajaxc({
            permit:'pieChart:newForwardInsideIncome:showCharts',
            type : "POST",
            url : baseURL + "articleStatisNew/getNewSystemForwardAreaInExpandPriceSta",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats31 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats31 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats31 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats31 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie31','新转发区内部收益',r.result);
                    if(tabindex==1) {
                        setBar('bargraph31', '新转发区内部收益', sort(r.result));
                    }


                }
            }
        });
        //pieChart:newForwardOutIpUse:showCharts
        //新转发区外部ip消耗
        ajaxc({
            permit:'pieChart:newForwardOutIpUse:showCharts',
            type : "POST",
            url : baseURL + "articleStatisNew/getNewSystemForwardAreaOutStatisticsIpSta",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats32 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats32 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats32 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats32 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie32','新转发区外部ip消耗',r.result);
                    if(tabindex==1) {
                        setBar('bargraph32', '新转发区外部ip消耗', sort(r.result));
                    }


                }
            }
        });
        //pieChart:newForwardInsideIpUse:showCharts
        //新转发区外部ip消耗
        ajaxc({
            permit:'pieChart:newForwardInsideIpUse:showCharts',
            type : "POST",
            url : baseURL + "articleStatisNew/getNewSystemForwardAreaInStatisticsIpSta",
            contentType : "application/json",
            data : JSON.stringify({
                dateTime:e
            }),
            success : function(r) {
                if (r.code == 0) {
                    $('#stats33 .tipLogo').eq(0).attr('data-original-title','昨日总计'+r.result.yesterdayCount);
                    $('#stats33 .tipLogo').eq(1).attr('data-original-title','今日总计'+r.result.todayCount);
                    $('#stats33 .valColor').eq(0).text(transData(r.result.yesterdayCount));
                    $('#stats33 .valColor').eq(1).text(transData(r.result.todayCount));
                    setPie('pie33','新转发区内部ip消耗',r.result);
                    if(tabindex==1) {
                        setBar('bargraph33', '新转发区内部ip消耗', sort(r.result));
                    }


                }
            }
        });
    }
    $(function(){
        statsInit();
    });
    function sort(e){
        for(var i=0;i<e.dataList.length;i++){
            for(var k=0;k<i+1;k++){
                if(parseFloat(e.dataList[i].valueStr)>parseFloat(e.dataList[k].valueStr)){
                    var n = e.dataList[i];
                    e.dataList[i] = e.dataList[k];
                    e.dataList[k] = n;
                }
            }
        }
        return e;

    }
    function setBar(id,title,data){
        var legends = [];        //平台名称
        var seriesdata = [];     //平台数据
        if(!document.getElementById(id)){
            return;
        }
        data.dataList.forEach(function(e){
            legends.push(e.nameStr);
            seriesdata.push({
                name: e.nameStr,
                type: 'bar',
                data: [e.valueStr]
            })
        });
        var myChart = echarts.init(document.getElementById(id));
        var option = {
            title: {
                text: title
            },
            color:['#2d8cf0','#19be6b', '#ff9900', '#e46cbb', '#9a66e4','#ed3f14','#CC9900','#9999FF','#996600','#009900','#336666','#666600','#9999CC','#CCCC33'],
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'shadow'
                },
                position: function(point, params, dom, rect, size){

                    return point
                }
            },
            width:"100%",
            legend: {
                type: 'scroll',
                left: '18%',
                // right:'20%',
                width:'75%',
                top:'0px',
                data: legends
            },
            grid: {
                left: '0%',
                right: '0%',
                bottom: '3%',
                containLabel: true
            },
            xAxis: {
                type: 'value',
                boundaryGap: [0, 0.01]
            },
            yAxis: {
                type: 'category',
                data: ['']
            },
            series: seriesdata
        };
        myChart.setOption(option,true);
    }
    function setPie(id,title,data){
        for(var i=0;i<data.dataList.length;i++){
            data.dataList[i].name = data.dataList[i].nameStr;
            data.dataList[i].value = data.dataList[i].valueStr;
        }
        if(!document.getElementById(id)){
            return;
        }
        var myChart = echarts.init(document.getElementById(id));
        var option = {
            title : {
                text: title,
                x:'center'
            },
            tooltip : {
                trigger: 'item',
                formatter: "{b} : {c} ({d}%)"
            },
            color:['#2d8cf0','#19be6b', '#ff9900', '#e46cbb', '#9a66e4','#ed3f14','#CC9900','#9999FF','#996600','#009900','#336666','#666600','#9999CC','#CCCC33'],
            series : [
                {
                    name: '姓名',
                    type: 'pie',
                    radius : '40%',
                    center: ['50%', '50%'],
                    data: data.dataList,
                    itemStyle: {
                        emphasis: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    }
                }
            ]
        };
        myChart.setOption(option,true);
    }
</script>